@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';
@import './color.scss';
body {
    height: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

label {
    font-weight: 700;
}

.text-14 {
    font-size: 14px;
}
.text-12 {
  font-size: 12px;
}
html {
    height: 100%;
    box-sizing: border-box;
}

#app {
    height: 100%;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

a:focus,
a:active {
    outline: none;
}

a,
a:focus,
a:hover {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
}

div:focus {
    outline: none;
}

.clearfix {
    &:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }
}

.text-title {
    font-size: 14px;
}

// main-container global css
.app-container {
    padding: 20px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-right-20 {
    margin-right: 20px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

// 内边距
.padding-5-0 {
    padding: 5px 0;
}

.padding-10-0 {
    padding: 10px 0;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-left-20 {
    padding-left: 20px;
}

.padding-right-20 {
    padding-right: 20px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-left-16 {
    padding-left: 16px;
}
.padding-left-10{
  padding-left: 10px;

}

.padding-right-16 {
    padding-right: 16px;
}

.width-100 {
    width: 100%;
}

.width-80 {
    width: 80px;
}

.height-80 {
    height: 80px;
}

.width-32 {
    width: 32px;
}

.height-80 {
    height: 32px;
}

.l-flex {
    display: flex;
}

.cursor-pointer {
    cursor: pointer;
}

.align-items-center {
    align-items: center;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-space-between {
    justify-content: space-between;
}

img {
    display: block;
}

.text-align-right {
    text-align: right;
}

.border-bottom-eee {
    border-bottom: 1px solid #eee;
}

// 样式重新
.el-table tr
 {
    padding:0

}
.el-table td{
  padding: 1px 8px;

}
// drawer 底部 按钮部分
.drawer-botton {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 48px;
    padding: 8px;
    width: 100%;
    text-align: right;
    border-top: 1px solid #eee;
}

.drawer-title {
    height: 50px;
    @extend .border-bottom-eee;
    @extend .l-flex;
    @extend .align-items-center;
    @extend .justify-content-space-between;
    @extend .padding-left-20;
    @extend .padding-right-20;
    @extend .text-title;
}

.drawer-content {
    height: calc(100vh - 50px);
    overflow-y: auto;
}
.min-height{
  min-height: 500px;
}

.overflow-y-auto{
  overflow-y: auto;
}
.height-480{
  height: 480px;
}
